.widget-wrapper.ghrepo
  .repo
    display: block
    padding: 0.75rem 0.5rem
    color: var(--text-p2)
    background: var(--card)
    border-radius: $border-card
    hoverable-card()
    >div+div
      margin-top: 0.5rem
    span
      color: var(--text-p2)
    svg
      margin-right: 4px
    .flex-row
      display: flex 
      align-items: center
    .repo-name
      font-size: $fs-14
      font-weight: 700
      color: var(--text-p1)
    .repo-desc
      font-size: $fs-13
      margin-left: 2px
      margin-right: 2px
    .grid
      font-size: $fs-13
      display: grid
      grid-gap: 2px
      grid-template-columns: repeat(auto-fill, "calc((100% - 2 * %s) / 3)" % 2px)
